
<f:view xmlns="http://www.w3.org/1999/xhtml"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:p="http://primefaces.org/ui"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:pm="http://primefaces.org/mobile"
        contentType="text/html" renderKitId="PRIMEFACES_MOBILE">

    <pm:page title="Clavo y cVanela">
        <pm:view id="main">
            <pm:header title="Reservación" />
            <pm:content>
                Bienvenido: Javier Portillo
                
                  

                <table>
                    <tr>
                        <td>
                            mesa 1<br></br>
                            <p:graphicImage value="/images/table.png" style="height:100px; width: 100px" />
                            
                        </td>  
                         <td>
                             mesa 2<br></br>
                            <p:graphicImage value="/images/table.png" style="height:100px; width: 100px" />
                   
                        </td>
                    </tr>
                    <tr>
                        <td>
                            mesa 3<br></br>
                            <p:graphicImage value="/images/reserva.png" style="height:100px; width: 100px" />
                          
                        </td>  
                         <td>
                             mesa 4<br></br>
                            <p:graphicImage value="/images/table.png" style="height:100px; width: 100px" />
                             
                               
                        </td>
                    </tr>
                    <tr>
                        <td>
                            mesa 5<br></br>
                            <p:graphicImage value="/images/table.png" style="height:100px; width: 100px" />
                          
                        </td>  
                         <td>
                             mesa 6<br></br>
                            <p:graphicImage value="/images/table.png" style="height:100px; width: 100px" />
                            
                        </td>
                    </tr>
                     <tr>
                        <td>
                            mesa 7<br></br>
                            <p:graphicImage value="/images/table.png" style="height:100px; width: 100px" />
                          
                        </td>  
                         <td>
                             mesa 8<br></br>
                            <p:graphicImage value="/images/table.png" style="height:100px; width: 100px" />
                            
                        </td>
                    </tr>
                </table>
                
               

         
            </pm:content>

            <pm:footer fixed="true" style="text-align: center; font-size: 10px">
                <h:outputText value="E toque especial a tu paladar "/>
            </pm:footer>

        </pm:view>












        <pm:view id="registro">
            <pm:header title="Clavo y Canela" />
            <pm:content>

                <h:form>  


                    <p:outputLabel value="Nombre:" />  
                    <p:inputText value=""   
                                 id="nombre" required="true"  />

                    <p:outputLabel value="Apellido" />  
                    <p:inputText value=""   
                                 id="apellido" required="true"  />

                    <p:outputLabel value="Telefono" />  
                    <p:inputText value=""   
                                 id="telefono" required="true"  />

                    <p:outputLabel value="DUI" />  
                    <p:inputText value=""   
                                 id="dui" required="true"  />

                    <p:outputLabel value="Direción" />  
                    <p:inputText value=""   
                                 id="direccion" required="true"  />

                    <p:outputLabel for="contraseña" value="Contraseña:" />  
                    <p:password value=""   
                                id="contraseña" required="true" label="Contraseña" />  

                    <p:outputLabel for="rcontraseña" value="Repetir Contraseña:" />  
                    <p:password value=""   
                                id="rcontraseña" required="true" label="Contraseña" />  


                    <p:commandButton id="Registarme" value="Registarme" update=""   
                                     actionListener="#{loginBean.login}"   
                                     oncomplete="handleLoginRequest(xhr, status, args)"/> 
                  


                </h:form>  

                <script type="text/javascript">  
                    function handleLoginRequest(xhr, status, args) {  
                        if(args.validationFailed || !args.loggedIn) {  
                            jQuery('#dialog').effect("shake", { times:3 }, 100);  
                        } else {  
                            dlg.hide();  
                            jQuery('#loginLink').fadeOut();  
                        }  
                    }  
                </script>

<h:outputLink value="#main">
                    <p:commandButton value="Cancelar"  />
                </h:outputLink>


            </pm:content>

            <pm:footer fixed="true" style="text-align: center; font-size: 10px">
                <h:outputText value="E toque especial a tu paladar "/>
            </pm:footer>

        </pm:view>








    </pm:page>
</f:view>
